<template>
  <el-row type="flex" justify="center" align="middle" class="success">
    <edu-image :src="require('@/assets/images/public/success.png')"></edu-image>
    <div class="font">
      {{ text }}
    </div>
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        order: this.$route.query.order,
        code: this.$route.query.code
      },
      text: ''
    }
  },
  created() {
    this.handleData()
  },
  methods: {
    handleData() {
      this.$api.createIncomeEncashmentWxpayOpenid(
        {
          ...this.ruleForm
        },
        res => {
          this.text = res.msg
        },
        error => {
          this.text = error.msg
        }
      )
    }
  }
}
</script>

<style lang="scss" scoped>
.success {
  width: 100vw;
  min-height: 80vh;
  flex-direction: column;
  .el-image {
    width: 130px;
    height: 98px;
  }
  .font {
    font-size: 18px;
    font-weight: 400;
    color: #303133;
    line-height: 25px;
    margin-top: 40px;
  }
}
</style>
